<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset=utf-8>
	<meta name=description content="">
	<meta name=viewport content="width=device-width, initial-scale=1">
	<script type="text/javascript">
	(function (designW) {
		var docEl = document.documentElement,
			resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
			recalc = function () {
				var clientWidth = docEl.clientWidth;
				if (!clientWidth) return;
				docEl.style.fontSize = 100 * (clientWidth / designW) + 'px';
			};
		if (!document.addEventListener) return;
			recalc();
		window.addEventListener(resizeEvt, recalc, false);
		document.addEventListener('DOMContentLoaded', recalc, false);
	})(750);
	</script>
	<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body class="p-index">
<div class="rules-btn"></div>
<div class="wrapper">
	<a class="go" href="222"></a>
	<div class="rules">
		<div class="rules-close"></div>
	</div>
</div>
<script src="jq.js"></script>
<script>
	$('.rules-btn').click(function() {
		$('.rules').fadeIn();
	});
	$('.rules-close').click(function() {
		$('.rules').fadeOut();
	});
</script>
</body>
</html>